<div data-role="page" id="mensa">
    <div data-role="header" data-position="fixed" class="ui-header-fixed slidedown" data-id="headerid">
          <a href="index.html" data-role="button" data-icon="minus" data-theme="a">logout</a>
          <h1>Was gibt ´s heute in der Mensa?</h1>


      </div><!-- /header -->
      <div data-role="content">	
          <!--do sth-->
      </div><!-- /content -->	
      <div data-role="footer" class="ui-footer ui-bar-a" data-id="persistentFooter" data-position="fixed" data-tap-toggle="false" data-transition="fade">            
          <div data-role="navbar">
              <ul>
                      <li><a id="footer_navbar_stundenplan" href="stundenplan.html" class="" data-role="button">Stundenplanübersicht</a></li>
                      <li><a id="footer_navbar_lerngruppen" href="lerngruppen.html" class="" data-role="button">Lerngruppen</a></li>
                      <li><a id="footer_navbar_mensa" class="ui-btn-active ui-state-persist">Mensa-Speiseplan</a></li>
              </ul>
          </div><!-- /navbar -->            
      </div><!-- /footer -->
</div>
